Zenix - Crypto Admin Dashboard

Zenix

Zenix - Crypto Bootstrap Admin Dashboard

This documentation is last updated on 9 April 2021.

Thank you for purchasing this HTML template.

If you like this template, Please support us by rating this template with 5 stars

Sass Compile -

Overview

Download Sass Compiler koala-app.com

Folder Directories -

xhtml
- css
- icons
  - avasta
  - feather
  - flaticon
  - font-awesome-old
  - helveticaNeue
  - icomoon
  - line-awesome
  - material-design-iconic-font
  - simple-line-icons
  - themify-icons
- images
  - avatar
  - big
  - browser
  - card
  - contacts
  - pattern
  - product
  - profile
  - svg
  - tab
  - table
- js
  - dashboard
  - plugins-init
- scss
  - abstracts
  - base
  - components
    - app
    - charts
    - forms
    - ico
    - map
    - tables
    - uc
    - ui
    - widget
  - layout
    - footer
    - header
    - rtl
    - sidebar
    - theme
    - typography
    - version-dark
    - version-transparent
  - pages
- vendor
  - amcharts
  - animate
  - aos
  - apexchart
  - bootstrap
  - bootstrap4-notify
  - bootstrap-daterangepicker
  - bootstrap-material-datetimepicker
  - bootstrap-multiselect
  - bootstrap-select
  - bootstrap-tagsinput
  - bootstrap-touchspin
  - bootstrap-v4-rtl
  - chart.js
  - chartist
  - chartist-plugin-tooltips
  - clockpicker
  - datatables
  - dropzone
  - flot
  - flot-spline
  - fullcalendar
  - global
  - highlightjs
  - jquery
  - jquery-asColor
  - jquery-asColorPicker
  - jquery-asGradient
  - jquery-sparkline
  - jquery-steps
  - jqueryui
  - jquery-validation
  - jqvmap
  - metismenu
  - moment
  - morris
  - nestable2
  - nouislider
  - peity
  - perfect-scrollbar
  - pickadate
  - raphael
  - select2
  - summernote
  - svganimation
  - sweetalert2
  - toastr
  - wnumb
- index.html
- coin-details.html
- my-wallets.html
- transactions.html
- portofolio.html
- market-capital.html
- .....

Theme Features -

js/deznav-init.js


var dezSettingsOptions = {
	typography: "poppins",
	version: "dark",
	layout: "vertical",
	primary: "color_1",
	headerBg: "color_1",
	navheaderBg: "color_1",
	sidebarBg: "color_1",
	sidebarStyle: "full",
	sidebarPosition: "fixed",
	headerPosition: "fixed",
	containerLayout: "full",
	direction: direction
};

Color Theme -

So many color option available

color_1
color_2
color_3
color_4
color_5
color_6
color_7
color_8
color_9
color_10
color_11
color_12
color_13
color_14
color_15

var dezSettingsOptions = {
	typography: "poppins",  		More Options => ["poppins" , "roboto" , "Open Sans" , "Helventivca" ]
	version: "light",       		More Options => ["light" , "dark"]
	layout: "horizontal",   		More Options => ["horizontal" , "vertical"]
	primary: "color_11",			More Options => ["color_1," , "color_2," ..... "color_15"]
	headerBg: "color_1",			More Options => ["color_1," , "color_2," ..... "color_15"]
	navheaderBg: "color_1",			More Options => ["color_1," , "color_2," ..... "color_15"]
	sidebarBg: "color_11",			More Options => ["color_1," , "color_2," ..... "color_15"]
	sidebarStyle: "compact",		More Options => ["full" , "mini" , "compact" , "modern" , "overlay" , "icon-hover"]
	sidebarPosition: "static",		More Options => ["static" , "fixed"]
	headerPosition: "fixed",		More Options => ["static" , "fixed"]
	containerLayout: "full",		More Options => ["full" , "wide" , "wide-box"]
	direction: direction			More Options => ["ltr" , "rtl"]
};


var dezThemeSet1 = {
	typography: "poppins",
	version: "light",
	layout: "vertical",
	headerBg: "color_1",
	primary: "color_5",
	navheaderBg: "color_5",
	sidebarBg: "color_5",
	sidebarStyle: "full",
	sidebarPosition: "fixed",
	headerPosition: "fixed",
	containerLayout: "full",
	direction: direction
};


var dezThemeSet2 = {
	typography: "poppins",
	version: "light",
	layout: "vertical",
	primary: "color_7",
	headerBg: "color_1",
	navheaderBg: "color_7",
	sidebarBg: "color_1",
	sidebarStyle: "modern",
	sidebarPosition: "static",
	headerPosition: "fixed",
	containerLayout: "full",
	direction: direction
};


var dezThemeSet3 = {
	typography: "poppins",
	version: "light",
	layout: "vertical",
	primary: "color_15",
	headerBg: "color_1",
	navheaderBg: "color_13",
	sidebarBg: "color_13",
	sidebarStyle: "full",
	sidebarPosition: "fixed",
	headerPosition: "fixed",
	containerLayout: "full",
	direction: direction
};


var dezThemeSet4 = {
	typography: "poppins",
	version: "light",
	layout: "vertical",
	primary: "color_9",
	headerBg: "color_9",
	navheaderBg: "color_9",
	sidebarBg: "color_1",
	sidebarStyle: "compact",
	sidebarPosition: "fixed",
	headerPosition: "fixed",
	containerLayout: "full",
	direction: direction
};


var dezThemeSet5 = {
	typography: "poppins",
	version: "light",
	layout: "vertical",
	primary: "color_1",
	headerBg: "color_1",
	navheaderBg: "color_1",
	sidebarBg: "color_1",
	sidebarStyle: "full",
	sidebarPosition: "fixed",
	headerPosition: "fixed",
	containerLayout: "full",
	direction: direction
};


var dezThemeSet6 = {
	typography: "poppins",
	version: "light",
	layout: "vertical",
	primary: "color_1",
	headerBg: "color_1",
	navheaderBg: "color_3",
	sidebarBg: "color_1",
	sidebarStyle: "mini",
	sidebarPosition: "fixed",
	headerPosition: "fixed",
	containerLayout: "full",
	direction: direction
};


var dezThemeSet7 = {
	typography: "poppins",
	version: "light",
	layout: "vertical",
	primary: "color_2",
	headerBg: "color_1",
	navheaderBg: "color_2",
	sidebarBg: "color_2",
	sidebarStyle: "mini",
	sidebarPosition: "fixed",
	headerPosition: "fixed",
	containerLayout: "full",
	direction: direction
};


var dezThemeSet8 = {
	typography: "poppins",
	version: "light",
	layout: "vertical",
	primary: "color_2",
	headerBg: "color_14",
	navheaderBg: "color_14",
	sidebarBg: "color_2",
	sidebarStyle: "full",
	sidebarPosition: "fixed",
	headerPosition: "fixed",
	containerLayout: "full",
	direction: direction
};